<template>
	<view class="drawbox flexcolumn" :style="'background-image: url(' + gginner_bg+ ')'">
		<!-- <view class="drawimg flexcenter">
        <img :src="domain+drawitem.photo" alt="">
     </view> -->
		<view class="drawboxwhite">
			<view class="ctitle f18 mt_24 c_000 textcenter mb_20">兑奖码</view>
			<view class="f14 mt_10 textcenter codetext mt_24">{{ code }}</view>
		</view>
		<view class="flexbetween mt_60">
			<view class="flexcenter detailbtn detailbtn2 mauto c_fff f16" @click.stop="closePop">
				继续抽奖
			</view>
			<view class="flexcenter detailbtn detailbtn2 mauto c_fff f16" @click.stop="closePop">
				返回首页
			</view>
		</view>
	</view>


</template>

<script>
	export default {
		data() {
			return {
				gginner_bg: `${uni.$http.baseUrl}/upload/we/common/gj_bg.png`,

			};
		},
		props: {
			drawitem: {
				default: null,
			},
			code: {
				default: null,
			},
		},
		methods: {
			goDetail() {
				let task = JSON.parse(uni.getStorageSync('taskInfo', 'session')).task;
				let url = '/pagesPrize/aboutPrize/information?id=' + task.id + '&index=1'
				uni.navigateTo({
					url
				})
			},

			closePop() {
				this.$emit("close");
			},
		},
	};
</script>

<style lang="scss" scoped>
	.drawbox {
		width: 540rpx;
		padding: 40rpx;
		margin: auto;
		background-size: cover;
	}

	.drawboxwhite {
		margin: 0 30rpx;
		//background-color: #fff;
		height: 130rpx;
		border-radius: 10rpx;
	}

	.codetext {
		color: #D83724;
		font-size: 52rpx;
		font-weight: 600;
	}

	.drawimg {
		width: 80%;
		max-height: 340rpx;
		margin: auto;

		image {
			max-width: 78%;
			margin: auto;
		}

		// height: auto;
	}

	.detailbtn {
		width: 220rpx;
		height: 66rpx;
		border-radius: 60rpx;
		background: #418BF8;
		border: 1px solid #fff;
		font-size: 26rpx;
		// background-color: #76B9FE;
		// border: 1px solid #007CFF;
	}

	.detailbtn2 {
		width: 220rpx;
		height: 66rpx;
		font-size: 26rpx;
	}

	.mauto {
		margin: auto;
	}
</style>